@import url('http://at.alicdn.com/t/font_1350071_ysyglzyr7q9.css');
$color: #ff5300;
.contact__banner{
  position: relative;
  .banner__text_box{
    width: 100%;
    position: absolute;
    right: 2%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    .banner__text{
      text-align: right;
      display: block;
      font: bold 2em "Microsoft YaHei";
      color: #ffffff;
      //text-shadow: 0px 0px 5px #cccccc;
      //: 1px 1px 1px #000, -1px -1px 1px #fff;
      text-shadow:
              0 1px 0 #ccc,
              0 2px 0 #c9c9c9,
              0 3px 0 #bbb,
              0 4px 0 #b9b9b9,
              0 5px 0 #aaa,
              0 6px 1px rgba(0,0,0,0.1),
              0 0 5px rgba(0,0,0,0.1),
              0 1px 3px rgba(0,0,0,0.3),
              0 3px 5px rgba(0,0,0,0.2),
              0 5px 10px rgba(0,0,0,0.25);
    }
    .banner__text_e{
      display: block;
      text-align: right;
      color: #ffffff;
      //text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;

      text-shadow:#000 3px 4px 5px;
      &:before, &:after{
        content: '——————————';
        display: inline-block;
      }
    }
    @media screen and (max-width: 768px){
      .banner__text{
        font: bold 2em "Microsoft YaHei";
      }
      .banner__text_e{
        font: 13px "Microsoft YaHei";
        &:before, &:after{
          content: '——————————';
        }
      }
    }
    @media screen and (min-width: 768px){
      .banner__text{
        font: bold 4em "Microsoft YaHei";
      }
      .banner__text_e{
        margin-top: 40px;
        font: 20px "Microsoft YaHei";
        &:before, &:after{
          content: '—————————————';
        }
      }
    }
  }
  .banner__img{
    width: 100%;
  }
}

.contact__row_outer{
  background-color: #fff;
  .contact__row{
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
  .m__contact_info{
    background-color: #3e3d49;
    color: #b0b0b5;
    text-align: center;
    .qrcode{
      width: 40%;
      margin: 14px auto;
    }
    a{
      color: #b0b0b5 !important;
    }
  }
  .contact__message_box{
    width: 100%;
    margin: 0 auto;
    .contact__message_col{
      box-sizing: border-box;
      padding: 30px;
    }
  }
  @media screen and (max-width: 768px){
    .contact__message_box{
      width: 100%;
      .contact__message_col{
        box-sizing: border-box;
        padding: 15px;
      }
    }
  }
  @media screen and (min-width: 768px){
    .contact__message_box{
      width: 90%;
      .contact__message_col{
        box-sizing: border-box;
        padding: 30px;
      }
    }
  }
}

.baiduMap{
  width: 100%;
  height: 280px;
}
:global{
  .iconfont_p{
    font-size: 6em;
    display: block;
    text-align: center;
  }

  .iconfont_m{
    font-size: 14px;
    text-align: center;
    margin-right: 4px;
    color: $color;
  }
  Form{
    width: 100%;
  }
  .ant-input:hover {
    border-color: $color;
    border-right-width: 1px !important;
  }
  .ant-input:focus {
    border-color: $color;
    border-right-width: 1px !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 83, 0, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 83, 0, 0.2);
  }
  .ant-form-item-control-wrapper{
    width: 100% !important;
  }
  .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
    border-color: $color;
    border-right-width: 1px !important;
  }
  Button{
    width: 100%;
    line-height: 2;
  }
  .ant-btn-primary {
    height: 34px;
    color: #fff;
    background-color: $color;
    border-color: $color;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    &:hover, &:focus{
      color: #fff;
      background-color: $color;
      border-color: $color;
    }
  }
}
